<template>
  <div class="container">
    <!-- 分类 -->
    <HomeCategory />
    <!-- 轮播图 -->
    <HomeBanner />
    <!-- 新鲜好物 -->
    <HomeNews />
    <!-- 人气推荐 -->
    <HomeHot />
    <!-- 商品模块 -->
    <HomeProduct />
  </div>
</template>

<script>
import HomeCategory from './components/home-category'
import HomeBanner from './components/home-banner'
import HomeNews from './components/home-new.vue'
import HomeHot from './components/home-hot.vue'
import HomeProduct from './components/home-product.vue'
export default {
  name: 'xtx-home-page',
  components: {
    HomeCategory,
    HomeBanner,
    HomeNews,
    HomeHot,
    HomeProduct
  }
}
</script>

<style scoped lang='less'>
// @import "~@/styles/variables.less";
</style>
